<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
	</head>
	<body>
		
		用户名:<input type="text" name="username" id="" value="" />
		<br>
		密码:<input type="password" name="pwd" id="" value="" />
		<br>
		性别:<input type="radio" name="gender" value="man" />男<input type="radio" name="gender" value="woman" />女
		<br>
		学院:<select name="college">
			<option value="">软件工程学院</option>
			<option value="">医学护理学院</option>
			<option value="">信息与制造学院</option>
			<option value="">财经商贸学院</option>
		</select>
		<br>
		爱好:<input type="checkbox" name="like"  value="run" />跑步
			<input type="checkbox" name="like"  value="basketball" />打篮球
			<input type="checkbox" name="like" value="pingpong" />乒乓球
		<br>
		自我介绍:<textarea name="intro"></textarea>
		<br>
		<button type="button">提交</button>
		<br>
		<button type="button" onclick="getbyName();">获取formByName</button>
		<button type="button" onclick="getByTag();">获取formByTag</button>
		
		
	</body>
	<script type="text/javascript">
		function getbyName(){
			console.log(document.getElementsByName('username'));
			console.log(document.getElementsByName('pwd'));
			console.log(document.getElementsByName('gender'));
			console.log(document.getElementsByName('college'));
			console.log(document.getElementsByName('like'));
			console.log(document.getElementsByName('intro'));
		}
		function getByTag(){
			console.log(document.getElementsByTagName('input'));
			console.log(document.getElementsByTagName('select'));
			console.log(document.getElementsByTagName('textarea'));
		}
		
	</script>
</html>
<!-- 3.新制作一个注册页面，要求
      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
      3.3 每个需要提交的标签都要有name值
      3.4 按照name的方式查找各个元素
      3.5 按照标签的方式查找各个元素 -->